.dc-container {
  background-color: white;
  position: relative;
  padding: 5px;
  margin: 8px 0;
  border-radius: 5px;
  box-shadow: 1px 1px 4px #cccccc;

  .dc-container-title {
    position: relative;
    margin: 2px 5px;
    font-size: var(--el-font-size-base);
    font-weight: 500;
    display: flex;

    > span {
      cursor: pointer;
      user-select: none;
      display: inline-flex;
      align-items: center;

      i {
        font-size: var(--el-font-size-base);
        margin-right: 3px;
      }
    }

    .dc-container-summary {
      flex: 1;
      display: flex;
      align-items: center;
      padding-left: 15px;
      color: #cccccc;
      font-size: 0.8rem;
    }
  }

  .dc-container-title-right {
    transform: rotate(0deg);
    transition: transform 0.3s;
  }

  .dc-container-title-down {
    transform: rotate(90deg);
    transition: transform 0.3s;
  }

  .dc-container-content {
    position: relative;
    min-height: 10px;
    background-color: white;
  }
}
